<template>
	<div style="margin: 0 20px;">
		<el-tabs v-model="activeName" @tab-click="handleClick">
	    <el-tab-pane label="产品分类" name="productSort">
	    	<productSort></productSort>
	    </el-tab-pane>
	    <el-tab-pane label="承运商" name="carrier">
	    	<carrier></carrier>
	    </el-tab-pane>
      <el-tab-pane label="商品标签" name="tags">
	    	<goods-tag></goods-tag>
	    </el-tab-pane>
	  </el-tabs>
	</div>
</template>
<script>
import productSort from './tab/productSort.vue'
import carrier from './tab/carrier.vue'
import goodsTag from './tab/goodsTag.vue'
export default {
  components: {
    productSort,
    carrier,
    goodsTag
  },
  data() {
    return {
      activeName: 'productSort'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style scoped>
	
</style>